.htmx-request-flex {
  display: none;
}
.htmx-request .htmx-request-flex {
  display: flex;
}
.htmx-request .htmx-request-block {
  display: block;
}
.htmx-request .htmx-request-hidden {
  display: none;
}
.htmx-request .htmx-request-inline {
  display: inline;
}

@keyframes ellipsis {
  0% {
    content: "";
  }
  25% {
    content: ".";
  }
  50% {
    content: "..";
  }
  75% {
    content: "...";
  }
  100% {
    content: "....";
  }
}

.ellipsis::after {
  content: "";
  animation: ellipsis 1.5s infinite; /* Adjust the timing as necessary */
}
